<template>
  <div>
    <h2>This is child component!</h2>
    {{ newData }}
  </div>
</template>

<script>
export default {
  props: ["result"],
  data() {
    return {
      newData: [],
    };
  },
  watch: {
    result: {
      immediate: true, // 很重要！！！
      handler(val) {
        console.log(val);
        this.newData = val.data;
      },
    },
  },
};
</script>